<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* From Uiverse.io by Thomasfadi */
        .down-cards {
            display: flex;
            flex-direction: row;
            gap: 15px;
        }

        .down-cards .one {
            background-color: #007e9e;
        }

        .down-cards .two {
            background-color: #0062ff;
        }

        .down-cards .three {
            background-color: #18cd5e;
        }

        .down-cards .card {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;


            border-radius: 10px;
            color: white;
            cursor: pointer;
            transition: 400ms;
        }




        .down-cards .card:hover {
            transform: scale(1.2, 1.2);
        }

        .down-cards:hover>.card:not(:hover) {
            filter: blur(10px);
            transform: scale(0.9, 0.9);
        }

        .card2 {

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            font-weight: 700;
            
            padding: 80px 25px;
            color: rgb(255, 255, 255);
            border-radius: 45px;
        }

        .app-icon {
            pointer-events: none;
         
            width: 70%;
        

        }

        .App-button {
            padding: 10px 20px;
            background-color: transparent;
            /* color: #FFE052; */
            color: #ffffff;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 15px;
            border: 3px solid #ffffff;
            border-radius: 5em;
            margin-top: 20px;
            transition: 0.2s;
        }

        .App-button:hover {
            color: #191e24;
            background-color: #FFE052;
        }


        .card2 .header {
            margin-top: 1vw;
        }
    </style>
</head>

<body>
    /* From Uiverse.io by Thomasfadi */
    <div class="down-cards">
        <div class="card one">
            <div class="card2">
                <svg t="1735052952022" class="app-icon" viewBox="0 0 1026 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="14617" width="256" height="256">
                    <path d="M2.438 0h975.238v975.238H2.438z" fill="#2FC2B0" fill-opacity="0" p-id="14618"></path>
                    <path
                        d="M266.386 774.095c0 20.675 18.725 37.547 41.594 37.547h41.643V943.25c0 31.208 27.843 56.369 62.415 56.369 34.524 0 62.415-25.21 62.415-56.369V811.69h83.188v131.56c0 31.208 27.892 56.369 62.415 56.369 34.524 0 62.416-25.21 62.416-56.369V811.69h41.594c22.918 0 41.593-16.92 41.593-37.546V398.19H266.386v375.856zM162.377 398.238c-34.523 0-62.415 25.21-62.415 56.37v263.118c0 31.208 27.892 56.37 62.415 56.37 34.524 0 62.415-25.162 62.415-56.37V454.607c0-31.207-27.891-56.369-62.415-56.369z m707.292 0c-34.524 0-62.416 25.21-62.416 56.37v263.118c0 31.208 27.892 56.37 62.416 56.37 34.523 0 62.415-25.162 62.415-56.37V454.607c0-31.207-27.892-56.369-62.415-56.369z m-206.75-219.477l54.271-49.054a17.457 17.457 0 0 0 0-26.478 22.333 22.333 0 0 0-29.306 0l-61.586 55.393a269.897 269.897 0 0 0-110.25-23.454c-39.986 0-77.386 8.63-110.885 23.65l-61.782-55.784a22.333 22.333 0 0 0-29.354 0 17.457 17.457 0 0 0 0 26.478l54.515 49.25c-61.78 41.154-102.156 107.275-102.156 181.881h499.322c0-74.752-40.618-140.922-102.79-181.882zM432.81 285.501h-41.594v-37.547h41.594v37.547z m208.018 0h-41.594v-37.547h41.594v37.547z"
                        fill="#2FC2B0" p-id="14619"></path>
                </svg>
                <div class="header">安卓版
                </div>
                <button class="App-button">点击下载</button>
            </div>
        </div>
        <div class="card two">
            <div class="card2">
                <svg t="1735053003369" class="app-icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="15680" width="256" height="256">
                    <path
                        d="M456 484V160.1l-335.9 72V484H456zM512 484h391.8V64.2l-391.8 84V484zM456 540H120.2v251.9l335.9 72V540zM512 540v335.9l391.8 84V540H512z"
                        fill="#00adef" p-id="15681"></path>
                </svg>
                <div class="header">电脑版
                </div>
                <button class="App-button">点击下载</button>
            </div>
        </div>
        <div class="card three">
            <div class="card2">
                <svg t="1735052685477" class="app-icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11111"
                    data-spm-anchor-id="a313x.search_index.0.i13.37a33a81Pekn41" width="256" height="256">
                    <path
                        d="M1022.721598 511.360799a511.360799 511.360799 0 1 0-511.360799 511.360799 504.968789 504.968789 0 0 0 349.003745-138.067416 32.599251 32.599251 0 0 0 15.980025-10.227216 52.414482 52.414482 0 0 0 7.670412-12.78402A511.360799 511.360799 0 0 0 1022.721598 511.360799z m-550.991261 441.68789v-3.196005a580.394507 580.394507 0 0 1-132.953808-166.831461 473.64794 473.64794 0 0 1 141.902622-33.238451v203.265917z m-402.696629-409.088639h131.675406a660.933833 660.933833 0 0 0 45.383271 207.101124 535.650437 535.650437 0 0 0-70.951311 48.579275 439.770287 439.770287 0 0 1-106.107366-255.680399z m109.942572-325.992509a662.212235 662.212235 0 0 0 69.033708 47.940074 639.200999 639.200999 0 0 0-47.300874 210.297129h-127.8402A447.440699 447.440699 0 0 1 178.97628 217.967541z m371.37578-148.294632a7.670412 7.670412 0 0 0 3.196005 0 595.09613 595.09613 0 0 1 127.8402 161.078652 447.440699 447.440699 0 0 1-138.067416 31.960049V69.672909z m402.696629 406.531835h-132.314607a639.200999 639.200999 0 0 0-47.300874-210.297129 518.39201 518.39201 0 0 0 69.672909-47.940074 439.770287 439.770287 0 0 1 109.942572 258.237203z m-475.565543 0H269.10362a586.147316 586.147316 0 0 1 40.908864-180.893883 520.309613 520.309613 0 0 0 167.470662 38.991261z m0 67.755306v136.789014a532.454432 532.454432 0 0 0-170.027466 39.630462 592.539326 592.539326 0 0 1-38.35206-176.419476z m67.755306 0h207.101124a563.13608 563.13608 0 0 1-38.35206 177.058677 547.156055 547.156055 0 0 0-168.749064-40.269663z m0-67.755306V334.302122a515.835206 515.835206 0 0 0 166.831461-38.35206 581.033708 581.033708 0 0 1 40.269663 180.254682z m199.430712-272.299625a642.397004 642.397004 0 0 0-70.951311-104.828964 416.11985 416.11985 0 0 1 120.169787 71.590512 442.327091 442.327091 0 0 1-49.218476 33.238452zM477.483146 69.033708v196.873907a466.616729 466.616729 0 0 1-138.706617-31.960049 582.31211 582.31211 0 0 1 127.8402-160.439451l3.835206-4.474407a7.031211 7.031211 0 0 0 5.113608 0zM277.413233 203.905119c-16.619226-10.227216-33.238452-21.732834-49.218476-33.877653a451.275905 451.275905 0 0 1 119.530586-70.951311 639.200999 639.200999 0 0 0-70.31211 104.828964z m0 609.158551a666.047441 666.047441 0 0 0 72.229713 109.942572 453.193508 453.193508 0 0 1-124.004993-74.147316 520.309613 520.309613 0 0 1 51.136079-35.156055z m270.382023 140.62422v-203.265917a469.173533 469.173533 0 0 1 141.263421 33.238451 580.394507 580.394507 0 0 1-132.953808 166.831461l-3.196005 3.196005z m201.987516-139.985019a473.008739 473.008739 0 0 1 50.496878 35.156055 431.460674 431.460674 0 0 1-123.365792 74.147316 625.777778 625.777778 0 0 0 70.31211-109.303371z m29.403245-63.920099a664.769039 664.769039 0 0 0 45.383271-207.740325h131.675406a447.440699 447.440699 0 0 1-106.746567 255.680399 538.207241 538.207241 0 0 0-70.31211-49.857677z"
                        fill="#ffffff" p-id="11112"></path>
                </svg>
                <div class="header">安卓版
                </div>
                <button class="App-button">点击下载</button>
            </div>
        </div>
    </div>
</body>

</html>